<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>GPSVoiceTrack</title>
    
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="WalkPlot.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
	<div id="head">
		<h1>GPSVoiceTrack</h1>
		<span>GPS and voice recorder synergy in Web 2.0 goodness.  You know you love it.</span>
		<img src="images/walk.png"/>
	</div>
	<div id="map"></div>
	<div style="float: left;">
	<table id="walks">
		<tr>
			<th>Walk Name:</th>
			<th>Walk Description</th>
			<th>Walker</th>
			<th>Date</th>
		</tr>
	</table>
	</div>
	<div id="sidebar">
	<div id="upload">
		<h2>Upload a Walk</h2>
		Fill out the form below to upload a GPX file and MP3 audio and plot your walk.
		<form method="post" enctype="multipart/form-data" action="rest/gpx/upload"> 	
		<table>
			<tr>
				<td>Walk Name:</td>
				<td><input type="text" name="WalkName"/></td>
			</tr>
			<tr>
				<td>Description:</td>
				<td><input type="text" name="WalkDescription"/></td>
			</tr>
			<tr>
				<td>Your Name:</td>
				<td><input type="text" name="WalkerName"/></td>
			</tr>			
			<tr>
				<td>GPX File:</td>
				<td><input type="file" name="GPX"/></td>
			</tr>		
			<tr>
				<td>Zip File:</td>
				<td><input type="file" name="AMRZIP"/></td>
			</tr>		
			<tr>
				<td style="text-align: right; padding-right: 25px;" colspan="2">
					<input class="fancy" type="submit" value="Upload"/>
				</td>
			</tr>		
		</table>
		</form>
	</div>

	<div id="mediafiles">

	</div>
	</div>
	<div style="clear: both; height: 30px;"></div>
</body>
</html>
